<!doctype>
<html>
<head>
	<title>Studio 帮助:: 快速入门指南</title>
	<meta charset="utf-8">
	<link rel="stylesheet" href="style.css"/>
</head>
<body>
<div class="container header">
		<div class="internal">
			<a href="http://studio.bricklink.com"><img src="img/studio_logo-horizontal-dark.svg"/></a> <span>:: 帮助页面</span>
		</div>
	</div>
	<div class="container">
		<div class="internal">
			<div class="sidebar">
				<div class="sidebar__title">
					关于 Studio
				</div>
				<ul>
					<li><a href="introduction.html">介绍</a></li>
					<li><a href="keyboard-shortcuts.html">快捷键</a></li>
				</ul>
				<div class="sidebar__title">
					入门
				</div>
				<ul>
					<li><a href="starting-a-project.html">启动一个项目</a></li>
					<li class="active"><a href="controlling-the-camera.html">控制视角</a></li>
                    <li><a href="building-palette.html">零件库</a></li>
					<li><a href="placing-and-moving-parts.html">放置和移动零件</a></li>
					<li><a href="using-the-building-tools.html">使用搭建工具</a></li>
					<li><a href="choosing-part-colors.html">选择零件的颜色</a></li>
					<li><a href="assigning-parts-to-steps.html">把零件分配到步骤</a></li>
				</ul>
				<div class="sidebar__title">
					进阶技巧
				</div>
				<ul>
					<li><a href="manual-mode.html">手动模式</a></li>
					<li><a href="submodels.html">模块分组</a></li>
					<li><a href="connectivity-grid.html">吸附性和网格</a></li>
				</ul>
				<div class="sidebar__title">
					后续处理
				</div>
				<ul>
					<li><a href="render-creation.html">渲染模型</a></li>
					<li><a href="upload-creation.html">上传模型</a></li>
					<li><a href="buy-creation.html">购买模型</a></li>
				</ul>
			</div>
			<div class="main-content">
				<div class="title-row">
					<h1>控制视角</h1>
				</div>
                <div class="shortcut-table">
                    <div class="shortcut-table__row shortcut-table__header">
                        <div class="shortcut-table__cell">
                            控制视角
                        </div>
                        <div class="shortcut-table__cell">
                            Windows
                        </div>
                        <div class="shortcut-table__cell">
                            Mac
                        </div>
                    </div>
                    <div class="shortcut-table__row">
                        <div class="shortcut-table__cell">
                            <strong>旋转</strong>视角
                        </div>
                        <div class="shortcut-table__cell">
                            <img src="img/RMB.svg"/> + 拖动鼠标
                        </div>
                        <div class="shortcut-table__cell">
                            <img src="img/RMB.svg"/> + 拖动鼠标
                        </div>
                    </div>
                    <div class="shortcut-table__row">
                        <div class="shortcut-table__cell">
                            <strong>平移</strong>视角
                        </div>
                        <div class="shortcut-table__cell">
                            <img src="img/MMB.svg"/> + 拖动鼠标 或<br/>
                            <code>space</code> + <img src="img/LMB.svg"/> + 拖动鼠标
                        </div>
                        <div class="shortcut-table__cell">
                            <img src="img/MMB.svg"/> + 拖动鼠标 或<br/>
                            <code>space</code> + <img src="img/LMB.svg"/> + 拖动鼠标
                        </div>
                    </div>
                    <div class="shortcut-table__row">
                        <div class="shortcut-table__cell">
                            <strong>缩放</strong>视角
                        </div>
                        <div class="shortcut-table__cell">
                            <img src="img/MMB.svg"/> 滚轮滚动
                        </div>
                        <div class="shortcut-table__cell">
                            <img src="img/MMB.svg"/> 滚轮滚动
                        </div>
                    </div>
                </div>
                <br>
				<div class="text-row">
					<strong>视口</strong>
					<p>视口就是你可以进行操作的搭建窗口。你可以最多同时创建 4 个视口</p>
				</div>
				<div class="image-row">
					<img class="center-image" src="img/control-camera/viewport.png"/>
				</div>

				<div class="mixed-row">
					<div class="mixed-row__col">
						<h2>旋转视角</h2>
						<ol>
							<li>按住<strong>鼠标右键</strong></li>
							<li>向旋转的方向移动鼠标</li>
						</ol>
					</div>
					<div class="mixed-row__col">
						<img src="img/control-camera/rotate-camera.gif"/>
					</div>
				</div>
				<div class="mixed-row">
					<div class="mixed-row__col">
						<h2>平移视角</h2>
						<ol>
							<li>按住<strong>空格</strong></li>
							<li>同时按住<strong>鼠标右键</strong></li>
							<li>向平移的方向移动鼠标</li>
						</ol>
					</div>
					<div class="mixed-row__col">
						<img src="img/control-camera/pan-camera.gif"/>
					</div>
				</div>
				<div class="mixed-row mixed-row--has-child">
					<div class="mixed-row__col">
						<h2>缩放视角</h2>
						<ol>
							<li>鼠标滚轮向上滚动即可<strong>放大</strong></li>
							<li>鼠标滚轮向下滚动即可<strong>缩小</strong></li>
						</ol>
					</div>
					<div class="mixed-row__col">
						<img src="img/control-camera/zoom-camera.gif"/>
					</div>
				</div>
				<div class="mixed-row">
					<div class="mixed-row__col">
						你可以通过顶部 <strong>Zoom</strong> 工具来缩放
						<br>
						（译注：新版本 Studio 中，Zoom 工具在 View 菜单中，Zoom in 即放大，Zoom out 即缩小，Zoom to Fit 即缩放至合适）
					</div>
					<div class="mixed-row__col">
						<img src="img/control-camera/zoom-buttons.png"/>
					</div>
				</div>
				<div class="mixed-row">
					<div class="mixed-row__col">
						<h2>更改视图方向</h2>
						<ol>
							<li>点击<strong>视口</strong>按钮<img src="img/control-camera/viewport-btn.png" width="25"/></li>
							<li>从列表中选择新的视图方向</li>
						</ol>
					</div>
					<div class="mixed-row__col">
						<img src="img/control-camera/change-orientation.png"/>
					</div>
				</div>
				<div class="mixed-row">
					<div class="mixed-row__col">
						<h2>新增视口</h2>
						<ol>
							<li>点击<strong>视口</strong>按钮<img src="img/control-camera/viewport-btn.png" width="25"/></li>
							<li>选择<strong>新增视口</strong>选项<img src="img/control-camera/add-viewport-icon.png" width="25"/></li>
						</ol>
					</div>
					<div class="mixed-row__col">
						<img src="img/control-camera/add-viewport.png"/>
					</div>
				</div>
				<div class="mixed-row">
					<div class="mixed-row__col">
						<h2>删除视口</h2>
						<ol>
							<li>点击<strong>视口</strong>按钮<img src="img/control-camera/viewport-btn.png" width="25"/></li>
							<li>选项<strong>删除视口</strong>选项<img src="img/control-camera/delete-viewport-icon.png" width="25"/></li>
						</ol>
						<span class="note">还有至少一个视口时才能删除</span>
					</div>
					<div class="mixed-row__col">
						<img src="img/control-camera/delete-viewport.png"/>
					</div>
				</div>

				<div class="main-content__footer">
					<div class="main-content__footer-left">
						<a href="starting-a-project.html">&lt; 上一篇教程</a>
						<p>启动一个项目</p>
					</div>
					<div class="main-content__footer-right">
						<a href="placing-and-moving-parts.html">下一篇教程 &gt;</a>
						<p>放置和移动零件</p>
					</div>
				</div>
			</div>

		</div>
	</div>
</body>
</html>
